	@media only screen and (min-width: 260px){	
	html{
			width:100%;
		}
		*{
			font-family:"Kaiti";
		}
			}
		@media only screen and (min-width: 480px){
    html {
        font-size: 100%!important; 
    }
}
@media only screen and (min-width: 800px){
    html {
        font-size: 120%!important; 
    }
}
@media only screen and (min-width: 1200px){
    html {
        font-size: 150%!important;
    }
}
	header{
			width:100%;
			position:fixed;
			top:0;
			left:0;
			height:80px;
			background-color:lightgray;
			opacity:0.8;
			text-align: center;
			font-size:30px;
			border-radius:10px;
			
		}
	.iconfont{
			font-size: larger;
		}
	nav{
			display:flex;
			justify-content: space-around;
			
		}
	a{text-decoration: none;}
	a:link{color:black;}
	a:hover{color:palevioletred;}
	.parent {
    position: fixed;
    right:20%;
    top:200px;
}
.search {
    width: 300px;
    height: 40px;
    border-radius: 18px;
    border: 1px solid #ccc;
    padding-left: 20px;
    position: absolute;
}
	body{margin:10%}
	#blank{display:block;height:18px;}			
	#first {
  			height: auto;
 			max-width:100%;
 			position:center;
 			margin:5%;
		}
		#thetable{
			width:100%;
  background-color:gray;
  font-size:16px;
}
#thetable th{
  text-align:center;
  background-color:#CCF;
  height:30px;
  line-height:30px;
}
#thetable td{
  width:inherit;
  height:30px;
  line-height:30px;
  text-align:center;
  background-color:#FFF;
}
		
	section {
			display:flex;
			justify-content:space-between;
			color:gray;
			padding-left:20px;
		}
		
.content{
	width:100%;
	float:left;
	overflow: hidden;
	position: inherit;
	display:flex;
	align-items: baseline;
	flex-flow: row wrap;
}
.content img{
		max-width:100%;
		height:150px;
		border-radius:5px;
	}

	.child{
	width:200px;
	height:200px;
	border-radius: 10px;
	background: lightyellow;
	float: left;
	margin:3% 3%;
	padding:inherit;
	text-align: center;
	color: #959595;
	text-decoration:none;
	box-shadow: 2px 2px 2px #e3e3e3;
	position: inherit;
}
.child:hover{
	box-shadow: 7px 7px 7px #000000;
	transform: scale(1.1)
	}
footer{
		background: #e0e0e0;
		position: inherit;
		width: 100%;
		margin-top: 40px;
		padding-top: 10px;
		padding-bottom: 10px;
		overflow: hidden;
		border-radius: 10px
		
	}


	}	
